<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <title>杭州美卓-多功能局放仪 /超声波成像仪 /局放在线监测 /SF6气体监测方案生产商</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/js_z.js"></script>
    <link rel="stylesheet" type="text/css" href="css/thems.css">
    <link rel="stylesheet" type="text/css" href="css/responsive.css">
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?c9d08b45c38995ade27133094e176186";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>    <link rel="stylesheet" href="css/productDetail.css">
</head>

<body>
   <!--头部-->
   <div class="r_top">
    <span>免费咨询电话：<b>0571-85159673
            / 13575788882</b></span>

</div>
<div class="head clearfix">
    <div class="logo"><a href="index.html"><img src="img/logo.jpeg" alt="杭州美卓自动化有限公司"></a></div>
    <div class="head_r">

        <div class="nav_m">
            <div class="n_icon">导航栏</div>
            <ul class="nav clearfix">
                <li><a href="index.html">网站首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li class="now"><a href="product.html">产品系列</a></li>
                <li><a href="service.html">解决方案</a></li>
                <li><a href="news.html">公司动态</a></li>
                <li><a href="contact.html">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>
    <!--头部-->
    <!--幻灯片-->
    <div class="banner banner_s"><img src="img/banner_a.jpeg" alt=""></div>

    <ul class="trail">
        <a href="/index.html">首页</a>　&gt;　<a href="/product.html">产品系列</a>　&gt;　<a href="/productDetail.html">产品详情</a>
    </ul>
    <!--幻灯片-->
    <div class="main">
        <div class="top contain" id="productDetailInfo">
            <div class="left-column">
                <h1>开关柜局放在线监测装置 PDM6006</h1>
                <p>评估设备的绝缘状态，判断缺陷类型和缺陷的大致位置，并给出维护建议。</p>
            </div>
            <div class="right-column">
                <div class="img-wrapper">
                    <img src="/static/upload/image/20190629/1561770109345941.jpg" alt="开关柜局放在线监测装置   PDM6006">
                </div>
            </div>
        </div>
        <div class="horizontal-tabs__main-tabs-wrapper">
            <div class="horizontal-tabs__tabs-wrapper contain">
                <ul class="tabs transform-tabs-pes" id="tabs" style="transform: translate3d(0px, 0px, 0px);">
                    <li class="presentation-tab selected ">
                        <a href="" title="">介绍</a>
                    </li>
                </ul>
                <div class="slider-btn slider-btn__left hidden"></div>
                <div class="slider-btn slider-btn__right hidden"></div>
            </div>
        </div>
        <div id="productDetailContent" class="contain">
            <img src="https://webfamer321.gitee.io/meizuo-img/productDetail/1633481019(1).jpg" alt="">
        </div>
    </div>
    <!-- 页脚占位符 -->
    <div id="footer-placeholder"></div>

    <script>
        let paramsObj = {}

        $(function () {
            //解码url信息
            let url = window.location.href
            console.log(url, "生命周期");

            var search = url.substring(url.lastIndexOf("?") + 1);
            var obj = {};
            var reg = /([^?&=]+)=([^?&=]*)/g;
            search.replace(reg, function (rs, $1, $2) {
                var name = decodeURIComponent($1);
                var val = decodeURIComponent($2);
                val = String(val);
                obj[name] = val;
                return rs;
            });
            paramsObj = obj;
            console.log()

            $.ajax({
                type: "POST",
                url: "https://www.mzpower.com/api/product/detail",
                data: {
                    id: paramsObj['id']
                },
                dataType: "json",
                crossDomain: true,
                success: function (data) {
                    console.log(data, '得到的数据')
                    $('#productDetailInfo').empty();
                    $('#productDetailContent').empty();   //清空resText里面的所有内容
                    var html = '';
                    var infoHtml = ''
                    infoHtml += `
                    <div class="left-column">
                <h1>${data.list[0].name}</h1>
                <p>${data.list[0].tips}</p>
            </div>
            <div class="right-column">
                <div class="img-wrapper">
                    <img src=${data.list[0].imageUrl} alt=${data.list[0].name}>
                </div>
            </div>
                    `
                    html += `${data.list[0].description}`
                    console.log(html, '123')
                    $('#productDetailInfo').html(infoHtml);
                    $('#productDetailContent').html(html);
                }
            })



        })


    </script>
    <!-- 加载页脚组件 -->
    <script>
        $.get('includes/footer-component.html', function(data) {
            $('#footer-placeholder').html(data);
        }).fail(function() {
            console.warn('无法加载页脚组件');
        });
    </script>

    <!-- 统计代码 -->
    <script async src="https://0199a2af-6c56-7918-afd6-e4d71e273363.spst2.com/ustat.js"></script>


</body>

</html>